/**
 * External dependencies
 */

import React from 'react';

const NewSiteImage = () => (
	<svg
		width="172px"
		height="112px"
		viewBox="0 0 172 112"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
	>
		<defs>
			<polygon
				id="path-1"
				points="0 15.7603469 171.708196 15.7603469 171.708196 111.769139 0 111.769139"
			/>
			<mask
				id="mask-2"
				maskContentUnits="userSpaceOnUse"
				maskUnits="objectBoundingBox"
				x="0"
				y="0"
				width="171.708196"
				height="96.0087922"
				fill="white"
			>
				<use xlinkHref="#path-1" />
			</mask>
		</defs>
		<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
			<g id="Group-3-Copy">
				<g id="Group-2">
					<g id="domain-illustration">
						<g id="Imported-Layers">
							<path
								d="M0.102747909,15.6269981 L0.102747909,2.72646653 C0.102747909,1.30182267
								1.26010036,0.147016357 2.6878853,0.147016357 L169.225395,0.147016357
								C170.653386,0.147016357 171.810944,1.30223275 171.810944,2.72708166
								L171.810944,15.6269981 L0.102747909,15.6269981"
								id="Fill-1"
								fill="#CFDEE7"
							/>
							<use
								id="Fill-6"
								stroke="#D9E8F0"
								mask="url(#mask-2)"
								strokeWidth="2"
								fill="#FFFFFF"
								xlinkHref="#path-1"
							/>
						</g>
					</g>
					<rect
						id="Rectangle-4"
						fill="#CFDEE7"
						x="10.5038168"
						y="32.834056"
						width="111.603053"
						height="6.56681119"
					/>
					<rect
						id="Rectangle-4-Copy"
						fill="#CFDEE7"
						x="10.5038168"
						y="45.9676784"
						width="56.4580153"
						height="6.56681119"
					/>
					<rect
						id="Rectangle-4-Copy-2"
						fill="#B8F28A"
						x="10.5038168"
						y="60.414663"
						width="34.1374046"
						height="6.56681119"
					/>
				</g>
			</g>
		</g>
	</svg>
);

export default NewSiteImage;
